import React from 'react';
import {ART, View,Dimensions} from 'react-native';

const {Surface, Shape, Path, Group, Text} = ART;
const {width,height} = Dimensions.get('window');


export default class Dashboard extends React.Component{

  getPath=()=>{
    const path =  Path()
      .moveTo(50,1)
      .arc(0,99,25)
      .arc(0,-99,25)
      .close();

    return path;
  }

  render(){
    return(
      <View style={{width:302,height:400,borderColor:'#000',borderWidth: 1}}>
        <Surface width={300}
                 height={300}>
          <Group x={150} y={150}>
          <Shape
            strokeCap={'square'}
            strokeDash={null}
            strokeJoin={'bevel'}
            d={this.getPath()}
            stroke={"#3311ee"}
            strokeWidth={2}/>
          </Group>
        </Surface>
      </View>
    )

  }
}